<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<div class="breadcrumb">
			<h:outputText value="Vendas > Cadastro" />
		</div>

		<p:panel id="panel_cliente" header="Cliente" style="font-size:20px;">
			<h:panelGrid columns="4" rendered="#{pedidoVendaManager.cliente.id == null}">
				<h:outputText value="Nome" />
				<p:inputText value="#{clienteManager.clienteSearch.pessoa.nome}" />
				
				<h:outputText value="CPF"/>
				<p:inputMask id="cpf" mask="999.999.999-99" value="#{clienteManager.clienteSearch.pessoa.cpf}" label="CPF" converter="cpfConverter" />
			
				<p:commandButton value="Procurar"
					 action="#{clienteManager.search}" oncomplete="cliente_dlg.show();" update =":form_cliente"
					 process=":form:panel_cliente"
					 />
			
			</h:panelGrid>
			
			<h:panelGroup rendered="#{pedidoVendaManager.cliente.id != null}">
				<table style="width:100%">
					<tr>
						<td style="width:15%">
							<h:outputText value="Nome" styleClass="bold"/>	
						</td>
						<td style="width:50%">
							<h:outputText value="#{pedidoVendaManager.cliente.pessoa.displayNome}" styleClass="bold"/>
						</td>
						<td style="width:15%">
							<h:outputText value="CPF" styleClass="bold"/>
						</td>
						<td style="width:20%">
							<h:outputText value="#{pedidoVendaManager.cliente.pessoa.displayDocumento}" styleClass="bold"/>
						</td>
					</tr>
				</table>
			</h:panelGroup>
		</p:panel>
				
		<h:panelGroup rendered="#{pedidoVendaManager.cliente.id != null}" id="panel_produto">
			<p:panel header="Itens" style="height: 269px; margin-top: 3px;">
				
				<h:panelGrid columns="5" rendered="#{pedidoVendaManager.produto.id == null}">
					<h:outputText value="Código" />
					<h:inputText value="#{pedidoVendaManager.produto.codigoProduto}" />
					
					<h:outputText value="Descrição" />
					<h:inputText value="#{pedidoVendaManager.produto.descricao}" />
					
					<p:commandButton title="Localizar" icon="ui-icon-search" 
						action="#{pedidoVendaManager.searchProduto}" oncomplete="produto_dlg.show();" 
						update=":form_produto" process=":form:panel_produto"/>
					
				</h:panelGrid>
				
				<h:panelGroup id="panel_item" rendered="#{pedidoVendaManager.produto.id != null}">
					<script type="text/javascript">
						$(function(){
							$(".quantidade").maskMoney({thousands:'.', decimal:','});
						})
						$(function(){
							$(".valorUnitario").maskMoney({thousands:'.', decimal:','});
						})
						$(function(){
							$(".valorDesconto").maskMoney({thousands:'.', decimal:','});
						})
					</script>
					<table>
						<tr>
							<td>
								<h:outputText value="Produto" />
							</td>
							<td>
								<h:outputText value="Quantidade" />
							</td>
							<td>
								<h:outputText value="Valor Unitário" />
							</td>
							<td>
							</td>
							<td>
								<h:outputText value="Desconto" />
							</td>
						</tr>
						<tr>
							<td>
								<h:outputText value="#{pedidoVendaManager.item.produto.codigoProduto} - #{pedidoVendaManager.item.produto.descricao}" />
							</td>
							<td>
								<h:inputText value="#{pedidoVendaManager.item.quantidade}" styleClass="quantidade">
									<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
								</h:inputText>
							</td>
							<td>
								<h:inputText value="#{pedidoVendaManager.item.valorUnitario}" styleClass="valorUnitario">
									<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
								</h:inputText>
							</td>
							<td>
								<h:selectOneRadio value="#{pedidoVendaManager.item.tipoDesconto}" style="display:inline">
									<f:selectItems value="#{utilManager.listTipoDesconto}" />
								</h:selectOneRadio>
							</td>
							<td>
								<h:inputText value="#{pedidoVendaManager.item.valorDesconto}" styleClass="valorDesconto">
									<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
								</h:inputText>
								<p:commandButton title="Adicionar" icon="ui-icon-plusthick"
								 action="#{pedidoVendaManager.addItem}" update=":form" process=":form:panel_item"/>
							</td>
						</tr>
					</table>
					
				</h:panelGroup>
				<p:dataTable emptyMessage="Não existem Produtos Adicionados" 
					value="#{pedidoVendaManager.pedidoVenda.produtos}" var="prod" rows="3" 
					paginator="true" paginatorPosition="top">
					
					<p:column headerText="Produto">
						<h:outputText value="#{prod.produto.codigoProduto} - #{prod.produto.descricao}" />
					</p:column>
					<p:column headerText="Quantidade" style="text-align: center;">
						<h:outputText value="#{prod.quantidade}">
							<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
						</h:outputText>
					</p:column>
					<p:column headerText="Valor Unitário" style="text-align: center;">
						<h:outputText value="R$ "/> 
						<h:outputText value="#{prod.valorUnitario}">
							<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
						</h:outputText>
					</p:column>
					<p:column headerText="Desconto" style="text-align: center;">
						<h:outputText value="#{prod.tipoDesconto.descricao} " rendered="#{prod.tipoDesconto.name().equals('MONETARIO')}"/>
						<h:outputText value="#{prod.valorDesconto}">
							<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
						</h:outputText>
						<h:outputText value=" #{prod.tipoDesconto.descricao}" rendered="#{prod.tipoDesconto.name().equals('PERCENTUAL')}"/>
					</p:column>
					<p:column headerText="Valor Total" style="text-align: center;">
						<h:outputText value="R$ "/>
						<h:outputText value="#{prod.valorTotalItem}">
							<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
						</h:outputText>
					</p:column>
					<p:column headerText="Remover" style="text-align: center;">
						<p:column>
							<p:commandButton icon="ui-icon-minusthick" action="#{pedidoVendaManager.removeItem}" process="@this" update=":form">
								<f:setPropertyActionListener target="#{pedidoVendaManager.item}" value="#{prod}"></f:setPropertyActionListener>
							</p:commandButton>
						</p:column>
					</p:column>
				</p:dataTable>
				
			</p:panel>
			<div class="finalizar">
				<div class="botao_finalizar">
					<p:commandButton value="Finalizar" onclick="finalizar_pedido_dlg.show();"/>
				</div>
				<div class="total">
					<h:outputText value="#{pedidoVendaManager.pedidoVenda.valorTotalVenda}" >
						<f:convertNumber pattern="#,##0.00;(#,##0.00)" />
					</h:outputText>
				</div>
			</div>
			
		</h:panelGroup>
	</f:view>
</html>
